import { FC } from "react";
import Sestion from "../sestion";
import { View, Text } from "@tarojs/components";
import styles from "./index.module.less";
import { UserInfo } from "@/service/type";

interface IProps {
  customerInfo: UserInfo;
  userInfo: UserInfo;
}

const MemberRequire: FC<IProps> = ({ customerInfo, userInfo }) => {
  return (
    <Sestion text="择偶要求">
      <View className={styles["label-wrapper"]}>
        <View>年龄</View>
        <View>
          {customerInfo.customerSpousePreference?.minAge}~
          {customerInfo.customerSpousePreference?.maxAge}
        </View>
      </View>
      <View className={styles["label-wrapper"]}>
        <View>学历</View>
        <View>{customerInfo.customerSpousePreference?.educationCn}</View>
      </View>
      <View className={styles["label-wrapper"]}>
        <View>年收入</View>
        <View>{customerInfo.customerSpousePreference?.annualSalaryCn}</View>
      </View>
      <View className={styles["label-wrapper"]}>
        <View>性格</View>
        <View>{customerInfo.customerSpousePreference?.characterTagsCn}</View>
      </View>
      {userInfo.certificationState === "0" && (
        <View className={styles["hint"]}>实名后可以查看更多</View>
      )}
    </Sestion>
  );
};

export default MemberRequire;
